<script setup lang="ts">
const route = useRoute()
useHead({
  title: () => `${route.meta.title} - ${sitename}`,
})
</script>

<template>
  <main class="relative container min-h-screen bg-white px-24">
    <router-view v-slot="{ Component }">
      <keep-alive :exclude="[]">
        <component :is="Component" />
      </keep-alive>
    </router-view>
    <div class="bg" />
  </main>
</template>

<style>
:root {
  background: #eee;
}

.bg {
  position: absolute;
  width: 620px;
  height: 620px;
  right: 0;
  z-index: 10;
  bottom: 0;
  pointer-events: none;
  background: url('/robot.png') no-repeat right -90px bottom -120px/ 620px 600px;
}
</style>
